<!-- Chat -->
{% if aryChatList is defined %}
    <table style="width: 100%; table-layout: fixed;">
    {% for aryData in aryChatList  %}
        <tr>
            <td style='padding-left:5px; width: 70%'>
                <span style=" display: block; word-wrap: break-word ">
                    {% if aryData['send_user_name'] == app.session.get('user_name') %}
                        <span style='font-weight:bold;color: aqua'>{{
                                    "(" ~ aryData['send_at']|date("d-m-Y H:i") ~ ") " ~
                                    aryData['send_user_name'] }}:
                        </span>
                    {% else %}
                        <span style='font-weight:bold;color: #A2C500'>{{
                                    "(" ~ aryData['send_at']|date("d-m-Y H:i") ~ ") " ~
                                    aryData['send_user_name'] }}:
                        </span>
                    {% endif %}
                    {{ aryData['message'] }}
                </span>
            </td>
        </tr>
    {% endfor %}
    </table>
    <!-- get count of msg array -->
    {% if aryChatList[aryChatList|length - 1]['send_user_name'] != app.session.get('user_name') %}
        <input type="hidden" id="hidNewMsgFromPartner" value="true"></input>
    {% else %}
        <input type="hidden" id="hidNewMsgFromPartner" value="false"></input>
    {% endif %}

    <input type="hidden" id="hidNewCountMsg" value="{{ aryChatList|length }}"></input>
{% endif %}
